<template>
  <div class="footer">
    <div class="tabs">
      <div class="item" @click='tourl("official")'>首页</div>
      <div class="item" @click='tourl("story")'>创作历程</div>
      <div class="item" @click='tourl("history")'>关于毕云涛</div>
      <!-- <div class="item" @click='tourl("bfzs")'>业务体系</div> -->
      <div class="item" @click='tourl("join")'>加入我们</div>
      <div class="item" @click='tourl("link")'>联系我们</div>
    </div>
    <div class='info'>
      Copyright &copy; 2012 - 2017 广州百分之三科技有限公司 All rights reserved. <a href="http://www.miibeian.gov.cn" target='_blank'>粤ICP备15058012号</a>.
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    tourl(url){
      tools.router.push({path:url});
      $('body').animate({'scrollTop':0})
    }
  }
}
</script>

<style scoped lang='scss'>
.footer{
  font-family: "Helvetica Neue", "Hiragino Sans GB", STHeiti, "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif, "微软雅黑" !important;
  height: 100px;
  background: #80D8D0;
  padding-top: 25px;
  color: #fff;
  .tabs{
    text-align: center;
    margin-bottom: 15px;
    .item{
      cursor: pointer;
      display: inline-block;
      padding: 0 12px;
      border-right: 1px solid #fff;

      &:last-child{
        border: none;
      }

      &:hover{
        opacity: .5;
      }
    }
  }
  .info{
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding: 0 30px;

    a{
      text-decoration: none;
      color: #fff !important;
    }
  }
}

</style>
